.user-box{
	margin-bottom: 30px;
	h4{
		padding: 10px 15px;
		margin-bottom: 20px;
		color: #fff;
		background: lighten($c-primary, 10%);
	}
	.box{
		background: #fff;
		padding: 10px 15px;
		border: 1px solid $c-primary;
		min-height: 350px;
		h5{
			font-weight: bold;
			padding-bottom:10px;
			margin-bottom: 15px;
			border-bottom: 1px solid lighten($c-primary, 50%);
		}
		p{
			margin-bottom: 15px;
			line-height: 1.5
		}

	}
	.btn-row{
		margin-top: 30px;
		padding: 15px 0
	}

	label{
		font-size: 14px !important;
		strong{
			color: $c-danger;
		}
		span{
			font-weight: normal;
			font-size: 12px;
			color: #666;
		}
	}
	.form-control{
		border-color: lighten($c-primary, 50%);
		&:focus{
			border-color: $c-primary
		}
	}
	.form-user{
		margin: 15px auto;
		.btn-default{
			margin-top: 10px;
		}
	}
}


@media screen and (min-width:768px){

	.user-box{
		.form-user{
			width: 400px;
		}
	}
	
}
@media screen and (max-width:768px){
	
	.user-box{
		.box:last-child{
			margin-top: 20px;
		}
	}
	
}